@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.hotBox {
	margin-bottom: 60px;
	background: #f8f8f8;
	border-bottom: 2px solid #E7E6E6;
}

.hotBox .sub {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 1200px;
}

.hotBox .sub p {
	padding: 15px 0 15px 45px;
	float: left;
	font-size: 16px;
	background: url(../../images/hot.png) no-repeat left top;
}

.hotBox .sub p span {
	font-weight: bold;
}

.hotBox .sub p a {
	margin-left: 15px;
}

.hotBox .sub p a:hover {
	text-decoration: underline;
}

.section {
	margin: 0 auto;
	max-width: 1200px;
}

.h2Head {
	font-size: 40px;
	position: relative;
	text-align: center;
}

.h2Head span {
	color: #2860CD;
}

.h2Head .txt {
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: normal;
}

.h2Head:before {
	width: 100px;
	height: 1px;
	position: absolute;
	right: 18%;
	bottom: 12px;
	content: "";
	background: #FA7C00;
}

.h2Head:after {
	width: 100px;
	height: 1px;
	position: absolute;
	left: 18%;
	bottom: 12px;
	content: "";
	background: #FA7C00;
}

#main .banner {
	height: 316px;
	background: url(../../images/banner.jpg) no-repeat center center;
}

@media all and (min-width: 0) and (max-width: 767px) {
}